<template>
  <div>
    <h1>app</h1>
    <!-- <child-one></child-one> -->
    <child-two></child-two>
    <child-cart></child-cart>
  </div>
</template>

<script>
// import ChildOne from "@/components/ChildOne";
import ChildTwo from "@/components/ChildTwo";
import ChildCart from "./components/ChildCart.vue";
export default {
  mounted() {
    // 当在入口文件中注册完毕store之后，每个组件中有一个对象 $store
    console.log(this.$store);
  },
  components: {
    // ChildOne,
    ChildTwo,
    ChildCart,
  },
};
/* 
vuex是对vue应用中的多个组件的共享状态进行集中管理的

state 管理状态的对象  {key:value}  相当于组件中的data    num
mutations 对象 存储的是直接更改state数据的方法   add dis
actions 对象  存储的是间接更改state中数据的方法  oddAdd evenDis
getters 对象 计算属性 类似于computed 依赖state中的值进行计算

计算器改为vuex

vuex的使用步骤：
1. 下载 npm i -S vuex@3
2. 在src下创建store文件  index.js  (在src下创建vuex文件夹  文件名字 store.js)
初始化你的index.js(store.js)
3.在main.js当中引入store对象  在配置对象当中注册store

vuedevtools工具查看









*/
</script>

<style lang="scss" scoped>
button {
  margin-right: 20px;
}
</style>